/* header */
.header .search { width: 240px; height: 35px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 30px; }
.header .search input { width: 160px; height: 35px; background: #fff; line-height: 35px; float: left; display: block; margin: 0 15px; border: none; color: #777777; }
.header .search .submit { margin: 0; background: #035aaa; width: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 18px; }
.header .select { width: 120px; height: 36px; background: #fff; float: right; margin-top: 30px; position: relative; }
.header .select i { float: left; display: block; font-size: 16px; margin: 10px 0px 0 15px; }
.header .select em { margin-top: 10px; display: block; float: left; }
.header .select .placeholder { float: left; display: block; line-height: 36px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 63px; text-align: center; cursor: pointer; }
.header .select ul { display: none; position: absolute; top: 36px; background: #fff; text-align: center; width: 100%; z-index: 9999; }
.header .select ul li { padding: 10px; cursor: pointer; }
.header .select ul li:hover { background: #035aaa; color: #fff; }
.header .select.is-open ul { display: block; }
.header .email { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; float: right; width: 120px; height: 36px; background: #fff; margin: 30px 20px 0 20px; text-align: center; line-height: 36px; }
.header .email i { float: left; display: block; font-size: 16px; margin: 0px 0px 0 15px; }
.header .email:hover { background: #035aaa; color: #fff; }

/* nav */
.nav { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 46px; background: #035aaa; }
.nav ul li { float: left; width: 149px; text-align: center; line-height: 46px; font-size: 14px; position: relative; }
.nav ul li:hover dl { display: block; }
.nav ul li.first { width: 150px; }
.nav ul li.first a:after { content: ''; }
.nav ul li a { color: #fff; display: block; }
.nav ul li a:hover { background: #2087e6; }
.nav ul li a.on { background: #2087e6; }
.nav ul li a:after { content: '\e739'; display: inline-block; color: #fff; margin-left: 10px; }
.nav ul li dl { display: none; z-index: 999; background: #ffffff; position: absolute; top: 46px; width: 100%; text-align: center; }
.nav ul li dl dd a { color: #333333; }
.nav ul li dl dd a:after { content: '\e73a'; display: inline-block; color: #fff; margin-left: 10px; color: #afafaf; }
.nav ul li dl dd a:hover { background: #dff1f6; color: #035aaa; }
.nav ul li dl dd a:hover:after { content: '\e73a'; color: #035aaa; }
.nav ul em { width: 1px; height: 16px; color: #2771b5; display: block; float: left; margin-top: 15px; }

/* banner */
.banner { margin-top: 10px; position: relative; }
.banner .text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.banner .text h1 { position: absolute; top: 113px; left: 67px; font-size: 48px; color: #fff; }
.banner .text h1 i { position: absolute; filter: "alpha(opacity=0)"; opacity: 0; font-size: 0px; }
.banner .text h4 { position: absolute; font-size: 16px; color: #ffffff; top: 185px; left: 0px; display: none; }
.banner .text h3 { position: absolute; font-size: 18px; color: #ffffff; margin-top: 35px; top: 305px; left: 67px; display: none; }

.inTim { margin-top: 10px; }
.inTim .about { background: url(../images/inabout.jpg) no-repeat center center; padding: 23px 21px; width: 370px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.inTim .about .title .sp1 { display: block; float: left; font-size: 16px; color: #333333; }
.inTim .about .title .sp2 { display: block; float: left; font-size: 16px; color: #cccccc; font-style: italic; margin-left: 10px; margin-top: 5px; }
.inTim .about .title a { display: block; float: right; line-height: 23px; color: #999999; }
.inTim .about .title a:hover { color: #333; }
.inTim .about .txt { margin-top: 10px; font-size: 12px; color: #333333; line-height: 30px; }
.inTim .newsPic { height: 200px; width: 320px; float: left; margin: 0 10px; position: relative; overflow: hidden; }
.inTim .newsPic .pagination { position: absolute; bottom: 0; width: 100%; height: 30px; line-height: 30px; background: url(../images/mt.png); z-index: 9999; text-align: right; }
.inTim .newsPic .pagination span { width: 10px; height: 10px; background: url(../images/wyuan.png) no-repeat; display: inline-block; margin-right: 10px; vertical-align: middle; }
.inTim .newsPic .pagination span.swiper-active-switch { background: url(../images/byuan.png) no-repeat; }
.inTim .inews { width: 412px; background: #fff; padding: 23px 17px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.inTim .inews .title { position: relative; font-size: 16px; color: #333333; margin-bottom: 8px; }
.inTim .inews .title span { display: block; float: left; margin-right: 30px; }
.inTim .inews .title span a:hover { color: #e70012; }
.inTim .inews .title span.active a{ color: #e70012 !important; }
.inTim .inews .title .linex { display: block; float: left; color: #cccccc; position: absolute; top: 0; left: 74px; }
.inTim .inews .title em { display: block; float: left; font-size: 16px; color: #cccccc; font-style: italic; margin-left: 10px; margin-top: 1px; }
.inTim .inews .title .more { display: block; float: right; line-height: 23px; color: #999999; font-size: 14px; }
.inTim .inews .title .more .iconfont { float: none; margin: 0; display: inline-block; }
.inTim .inews .title .more:hover { color: #333; }
.inTim ul li { margin-top: 9px; overflow: hidden; }
.inTim ul li a { float: left; display: block; color: #333333; font-size: 12px; }
.inTim ul li a:hover { color: #e70012; }
.inTim ul li a:hover i { color: #e70012; }
.inTim ul li a i { display: inline-block; vertical-align: top; font-size: 24px; color: #cccccc; margin-top: -10px; margin-left: -10px; }
.inTim ul li span { font-size: 12px; float: right; color: #999999; display: block; }

/* iconlist */
.iconlist { width: 1210px; margin: 10px auto; position: relative; }
.iconlist .item { float: left; width: 292px; height: 120px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; margin: 0 5px; overflow: hidden; }
.iconlist .item .icon { float: left; margin-top: 30px; margin-left: 30px; margin-right: 30px; }
.iconlist .item .text { margin-top: 30px; float: left; }
.iconlist .item .text h4 { font-size: 16px; color: #fff; }
.iconlist .item .text h3 { font-size: 12px; color: #fff; margin-top: 15px; }
.iconlist .item i { display: block; position: absolute; bottom: 0; left: 0; background: url(../images/more2.png) no-repeat; width: 40px; height: 41px; z-index: 999; }

.iconlist .item-1 { background: #5b9ac5; }
.iconlist .item-2 { background: #ed6a6a; }
.iconlist .item-3 { background: #59c2aa; }
.iconlist .item-4 { background: #d99750; }
.iconlist .item-5 { background: #4bacc6; }

.iconlist .btn-left{ position: absolute; left: 0; top: 33%; z-index: 2; width: 40px; cursor: pointer;}
.iconlist .btn-right{ position: absolute; right: 0; top: 33%; z-index: 2; width: 40px; cursor: pointer;}
/* link */
.link { width: 1160px; margin: 0 auto; padding: 15px 20px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.link h4 { float: left; font-size: 12px; color: #333333; }
.link a { font-size: 12px; color: #555555; display: block; float:  left;}
.link a:after { width: 1px; height: 12px; background: #8b8b8b; content: ''; display: inline-block; vertical-align: middle; margin: 0 20px; }
.link a:hover { color: #000; }

/* footer */
.footer { padding: 15px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 10px; background: #fff; border-top: 2px solid #035aaa; }
.footer p { font-size: 12px; color: #999999; margin: 0 20px; }

.totop { position: fixed; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 12px; background: #fff; font-size: 30px; right: 0; bottom: 0; color: #b9b9b9; cursor: pointer; }

/* cbanner */
.cbanner { height: 300px; margin-top: 10px; }

/* main */
.main { margin-top: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; }
.main .oleft { padding: 20px; width: 200px; }
.main .oleft ul li { background: #fcfcfc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 12px; }
.main .oleft ul li a { height: 50px; line-height: 50px; padding: 0 20px; color: #333333; display: block; }
.main .oleft ul li a i { float: right; display: inline-block; font-size: 20px; color: #b1b1b1; }
.main .oleft ul li a:hover { background: #035aaa; color: #fff; }
.main .oleft ul li a:hover i { display: none; }
.main .oleft ul li dl { background: #ffffff; display: block; }
.main .oleft ul li dl dd { overflow: hidden; }
.main .oleft ul li dl dd i { height: 50px; line-height: 50px; margin-left: 20px; display: block; float: left; margin-right: 10px; color: #b9b9b9; }
.main .oleft ul li dl dd a { padding: 0 0; display: block; float: left; }
.main .oleft ul li dl dd a:hover { background: none; color: #035aaa; }
.main .oleft ul li dl dd:hover i { color: #035aaa; }
.main .oleft ul li dl dd.on a { background: none; color: #035aaa; }
.main .oleft ul li.on > a { background: #035aaa; color: #fff; }
.main .oright { width: 950px; border-left: 1px solid #f6f6f6; }
.main .oright .title { padding: 33px 20px 10px 20px; border-bottom: 1px solid #f6f6f6; }
.main .oright .title .tile { font-size: 24px; color: #333333; }
.main .oright .title .clumb h6 { float: left; font-size: 12px; color: #333333; }
.main .oright .title .clumb a { display: block; float: left; font-size: 12px; color: #333333; }
.main .oright .title .clumb a:hover { color: #000; }
.main .oright .title .clumb i { display: block; float: left; margin: 0 10px; }
.main .oright .honor { padding: 30px 11px; background: #fff; }
.main .oright .honor ul { overflow: hidden; }
.main .oright .honor ul li { margin-bottom: 13px; width: 218px; float: left; margin: 0 7px 16px 7px; }
.main .oright .honor ul li .pic { background: url(../images/honebg.jpg) no-repeat; width: 218px; height: 218px; text-align: center; }
.main .oright .honor ul li .pic span { height: 218px; display: inline-block; vertical-align: middle; }
.main .oright .honor ul li .pic img { display: inline-block; max-width: 190px; max-height: 190px; vertical-align: middle; }
.main .oright .honor ul li .text { font-size: 14px; color: #333333; text-align: center; margin-top: 13px; }
.main .oright .about { padding: 30px; }
.main .oright .haslist { padding: 30px 11px; }
.main .oright .haslist ul { overflow: hidden; }
.main .oright .haslist ul li { float: left; padding-top: 6px; padding-left: 11px; padding-right: 11px; padding-bottom: 20px; }
.main .oright .haslist ul li a { display: block; }
.main .oright .haslist ul li a .pic { width: 210px; height: 210px; position: relative; }
.main .oright .haslist ul li a .pic span { display: block; position: absolute; bottom: 0; width: 100%; background: url(../images/mt.png); padding: 13px 0; text-align: center; color: #fff; }
.main .oright .haslist ul li a:hover span { background: #035aaa; color: #fff; }
.main .oright .haslist ul li:hover { background: url(../images/bg1.png) center center no-repeat; }

/* page */
.page { margin: 10px 0; text-align: center; }
.page a { display: inline-block; width: 40px; height: 30px; text-align: center; line-height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.page a.prve { font-size: 18px; }
.page a:hover { background: #f6f6f6; color: #035aaa; }
.page a.on { background: #035aaa; color: #fff; }
.page span { display: inline-block; width: 40px; height: 30px; text-align: center; line-height: 30px; }

/* conlist */
.conlist { padding: 30px; }
.conlist ul li { padding: 14px 0; border-bottom: 1px dashed #cccccc; }
.conlist ul li i { display: inline-block; vertical-align: top; color: #cccccc; font-size: 18px; margin-top: -5px; }
.conlist ul li a { color: #333333; }
.conlist ul li a:hover { color: #2087e6; }
.conlist ul li a:hover i { color: #2087e6; }

/* news */
.news .tag { font-size: 24px; color: #333333; text-align: center; padding: 25px 45px; border-bottom: 1px solid #eeeeee; }
.news .time { font-size: 14px; color: #999999; margin: 25px auto; text-align: center; }
.news .context { padding: 0 30px; }
.news .backliex { margin-top: 30px; border-top: 1px solid #eeeeee; padding: 20px; }
.news .backliex span { margin-bottom: 12px; font-size: 14px; color: #fff; display: block; }
.news .backliex span i { display: inline-block; width: auto; color: #000; font-size: 13px; }
.news .backliex span a { font-size: 14px; }
.news .backliex span a:hover { color: #000; }
.news .backliex .back { width: 40px; height: 40px; background: url(../images/back.jpg) no-repeat; display: block; }
.about .fr .back { width: 40px; height: 40px; background: url(../images/back.jpg) no-repeat; display: block; }

/* newslist */
.newslist { padding: 30px; }
.newslist ul { margin-bottom: 30px; }
.newslist ul li { overflow: hidden; padding: 14px 0; border-bottom: 1px dashed #cccccc; }
.newslist ul li i { display: inline-block; vertical-align: top; color: #cccccc; font-size: 18px; margin-top: -5px; }
.newslist ul li a { float: left; color: #333333; }
.newslist ul li a:hover { color: #2087e6; }
.newslist ul li a:hover i { color: #2087e6; }
.newslist ul li span { float: right; font-size: 12px; color: #999999; }

/* history */
.history { padding: 30px; background: url(../images/line.jpg) repeat-y center center; position: relative; }
.history .item .text { color: #333333; background: #f6f6f6; }
.history .item .text:before { color: #f6f6f6; }
.history .item:hover .text { background: #035aaa; color: #fff; }
.history .item:hover .text:before { color: #035aaa; }
.history .item.both { width: 455px; }
.history .item.both .text { float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 30px; width: 275px; font-size: 14px; line-height: 25px; position: relative; }
.history .item.both .text:before { content: "\e778"; display: block; position: absolute; font-size: 32px; top: 15px; right: -20px; }
.history .item.both .time { float: right; font-size: 30px; color: #333333; margin-left: 15px; margin-top: 10px; width: 95px; text-align: left; background: url(../images/yuan.jpg) no-repeat right center; }
.history .item.both:hover .time { background: url(../images/yuan2.jpg) no-repeat right center; }
.history .item.only { width: 456px; }
.history .item.only .text { float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 30px; width: 275px; line-height: 25px; font-size: 14px; position: relative; }
.history .item.only .text:before { content: "\e779"; display: block; position: absolute; font-size: 32px; top: 15px; left: -20px; }
.history .item.only .time { float: right; font-size: 30px; color: #333333; margin-right: 17px; margin-top: 10px; width: 95px; text-align: right; background: url(../images/yuan.jpg) no-repeat left center; }
.history .item.only:hover .time { background: url(../images/yuan2.jpg) no-repeat left center; }

/* map */
.map { padding: 30px; }
.map .text { padding: 48px 23px; background: #f6f6f6; width: 394px; }
.map .text h4 { font-size: 22px; color: #000000; margin-bottom: 50px; }
.map .text .author { margin-bottom: 13px; display: block; height: 33px; font-size: 12px; line-height: 33px; padding-left: 41px; }
.map .text .author.author-cicon1 { background: url(../images/cicon1.png) left center no-repeat; }
.map .text .author.author-cicon2 { background: url(../images/cicon2.png) left center no-repeat; }
.map .text .author.author-cicon3 { background: url(../images/cicon3.png) left center no-repeat; }
.map .text .author.author-cicon4 { background: url(../images/cicon4.png) left center no-repeat; }
.map .text .author.author-cicon5 { background: url(../images/cicon5.png) left center no-repeat; }

.area { padding: 30px; }
.area .hot .text { font-size: 14px; color: #333333; line-height: 25px; width: 465px; }
.area .txt { margin-top: 40px; }
.area .txt .lxet .tite { font-size: 16px; color: #035aaa; }
.area .txt .lxet ul { width: 280px; margin-top: 20px; }
.area .txt .lxet ul li { height: 40px; line-height: 40px; border-bottom: 1px dashed #cccccc; }
.area .txt .lxet ul li a { color: #333333; }
.area .txt .lxet ul li a:hover { color: #035aaa; }
.area .txt .lxet ul li a:hover i { color: #035aaa; }
.area .txt .lxet ul li a i { display: inline-block; vertical-align: top; font-size: 24px; color: #cccccc; margin-top: -6px; margin-left: -10px; }
.area .txt .rxet { width: 280px; padding-left: 30px; border-left: 1px solid #eeeeee; }
.area .txt .rxet .tite { font-size: 16px; color: #035aaa; }
.area .txt .rxet .tite a { display: block; float: right; line-height: 23px; color: #999999; }
.area .txt .rxet .tite a:hover { color: #333; }
.area .txt .rxet ul { width: 280px; margin-top: 20px; }
.area .txt .rxet ul li { height: 40px; line-height: 40px; border-bottom: 1px dashed #cccccc; }
.area .txt .rxet ul li a { color: #333333; }
.area .txt .rxet ul li a:hover { color: #035aaa; }
.area .txt .rxet ul li a:hover i { color: #035aaa; }
.area .txt .rxet ul li a i { display: inline-block; vertical-align: top; font-size: 24px; color: #cccccc; margin-top: -6px; margin-left: -10px; }

/* jobe */
.jobe { padding: 30px; }
.jobe .txt { margin-bottom: 15px; }
.jobe .txt i { color: #cccccc; font-size: 14px; margin: 0 5px; }
.jobe .txt span { background: #fff; padding: 5px 10px; cursor: pointer; }
.jobe .txt span.on { color: #fff; background: #035aaa; }
.jobe .faire { margin-top: 32px; }
.jobe .faire dt { padding: 0 20px; background: #777777; height: 40px; line-height: 40px; }
.jobe .faire dt span.sp1 { color: #fff; font-size: 14px; text-align: left; width: 160px; display: block; float: left; }
.jobe .faire dt span.sp2 { color: #fff; font-size: 14px; text-align: left; width: 160px; display: block; float: left; }
.jobe .faire dt span.sp3 { color: #fff; font-size: 14px; text-align: left; width: 160px; display: block; float: left; }
.jobe .faire dt span.sp4 { color: #fff; font-size: 14px; text-align: left; width: 160px; display: block; float: left; }
.jobe .faire dt span.sp5 { color: #fff; font-size: 14px; text-align: left; width: 160px; display: block; float: left; }
.jobe .faire dd.on .top { background: #035aaa; }
.jobe .faire dd.on .top span { color: #fff; }
.jobe .faire dd span.sp1 { color: #333333; font-size: 14px; text-align: left; width: 160px; display: block; float: left; }
.jobe .faire dd span.sp2 { color: #333333; font-size: 14px; text-align: left; width: 160px; display: block; float: left; }
.jobe .faire dd span.sp3 { color: #333333; font-size: 14px; text-align: left; width: 160px; display: block; float: left; }
.jobe .faire dd span.sp4 { color: #333333; font-size: 14px; text-align: left; width: 160px; display: block; float: left; }
.jobe .faire dd span.sp5 { color: #333333; font-size: 14px; text-align: left; width: 160px; display: block; float: left; }
.jobe .faire dd span.sp6 { color: #333333; font-size: 14px; text-align: left; width: 160px; display: block; float: left; }
.jobe .faire dd span.sp6 { text-align: right; width: 30px; }
.jobe .faire dd span.sp6 i { font-size: 22px; display: inline-block; vertical-align: middle; cursor: pointer; color: #bbbbbb; }
.jobe .faire dd .bot { display: none; padding: 22px; }
.jobe .faire dd .bot .xtx { width: 100%; }
.jobe .faire dd .bot .xtx .otx { width: 48%; }
.jobe .faire dd .bot .xtx .otx .tag { font-size: 16px; color: #333333; margin-bottom: 15px; }
.jobe .faire dd .bot .xtx .otx p { font-size: 12px; color: #333333; margin-bottom: 18px; }
.jobe .faire dd .bot a { display: block; width: 120px; height: 40px; line-height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; color: #035aaa; border: 1px solid #035aaa; margin-top: 25px; }
.jobe .faire dd .top { padding: 0 20px; height: 40px; line-height: 40px; overflow: hidden; cursor: pointer; }